<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>blog</title>
    <link rel="stylesheet" href="CSS/blog.css">
    <link rel="stylesheet" href="CSS/normalize.css">
</head>
<body>
    <div id="wrap">
        <header class="header">
            <nav>
                <ul>
                    <li class="logo"><a href="#"></a>微笑点缀青春</li>
                    <li><a href="#"></a>侧栏菜单</li>
                    <li><a href="#"></a>天页<span></span></li>
                    <li><a href="#"></a>地页<span></span></li>
                    <li class="active"><a href="#"></a>首页<span></span></li>
                </ul>
            </nav>
            <div class="banner">
                <div class="inner">
                    <div class="line"></div>
                    <h1>微笑点缀青春</h1>
                    <div class="line"></div>
                    <p>E-mail:1500960376@qq.com</p>
                    <p>姓名：曾聪颖</p>
                    <p>建网日期：2018/04/08</p>
                    <button>点击玩转</button>
                    <div class="more">更多</div>
                </div>
            </div>
        </header>
        <div class="content">
            <section class="part1">
                <div class="wraper">
                    <h1>我自横刀向天笑</h1>
                    <div class="first_title">step by step</div>
                    <div class="line"></div>
                    <p>As I was hang here,I see wonderland,I don't really see much of anything.Bue I see you.That is crazy.</p>
                </div>
                <div class="icon">
                    <span class="item"><img src="./image/pic1.png" alt=""></span>
                    <span class="item"><img src="./image/pic2.png" alt=""></span>
                    <span class="item"><img src="./image/pic3.png" alt=""></span>
                </div>
            </section>
            <section class="part2">
                <div class="first clear_fix">
                    <div class="first_photo">
                        <img src="./image/pic4.jpg" alt="#">
                    </div>
                    <div class="first_text">
                        <h2>思念是一种病</h2>
                        <div class="frist_title">
                            我却病入膏肓
                        </div>
                        <p>
                            那一年南国之南，你如灼目之阳，最是那一低头的温柔，恰似水莲花不胜凉风的娇羞
                        </p>
                    </div>
                </div>
                <div class="second clear_fix">
                    <div class="second_text">
                        <h3>你</h3>
                        <p>注定是我今生倾心驻足的风景，一世不舍的眷恋。为了你，我愿划破手指，滴血成圈，圈住你的款款深情，纵然玫瑰零落成泥碾作尘，我也甘愿守候着这一世的心疼。</p>
                    </div>
                    <div class="second_photo">
                        <img src="./image/pic5.jpg" alt="#">
                    </div>
                </div>
                <div class="third clear_fix">
                    <div class="third_photo">
                        <img src="./image/pic6.jpg" alt="#">
                    </div>
                    <div class="third_text">
                        <p>弹剑高歌过荆州，空抛红豆意悠悠。高山流水人何在，侠骨柔情总惹愁。
                            独守寒窗月漫漫，静思春夜雨蒙蒙。我自流连随风笑，凡人痴梦各不同</p>
                    </div>
                </div>
            </section>
            <section class="part3">
                <div class="three_wrap">
                    <div class="three_text">
                        <h4>相信未来</h4>
                        <div class="line"></div>
                        <div>当我的鲜花依偎在别人的情怀，我依然固执地用凝霜的枯藤，在凄凉的大地上写上：相信未来。我要用手指那涌向天边的排浪，我要用手掌托起那太阳的大海，摇曳着曙光哪支温暖漂亮的笔杆，用孩子的笔体写下：相信未来</div>
                    </div>
                    <div class="card_group clear_fix">
                        <div class="card">
                            <h5>believe future</h5>
                            <p>我之所以坚定地相信未来，是我相信未来人们的眼睛——她有拨开历史风尘的睫毛，她有看透岁月篇章的瞳孔</p>
                        </div>
                        <div class="card">
                            <h5>believe future</h5>
                            <p>我之所以坚定地相信未来，是我相信未来人们的眼睛——她有拨开历史风尘的睫毛，她有看透岁月篇章的瞳孔</p>
                        </div>
                        <div class="card">
                            <h5>believe future</h5>
                            <p>当蜘蛛网无情地查封了我的炉台，当灰烬的余烟叹息着贫困的悲哀，我依然固执地铺平失望的灰烬，用美丽的雪花写下：相信未来。当我的紫葡萄化为深秋的露水。</p>
                        </div>
                        <div class="card">
                            <h5>believe future</h5>
                            <p>当我的鲜花依偎在别人的情怀，我依然固执地用凝霜的枯藤，在凄凉的大地上写下：相信未来。我要用手指那涌向天边的排浪，我要用手掌托起那太阳的大海，摇曳着曙光那支温暖漂亮的笔杆，用孩子的笔体写下：相信未来。</p>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="footer">
            <ul class="share_group">
                <li>星期一</li>
                <li>星期二</li>
                <li>星期三</li>
                <li>星期四</li>
                <li>星期五</li>
            </ul>
            <div>@  微笑点缀青春2018-04-13</div>
        </div>
    </div>
</body>
</html>